<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="common/css/common.css">
    <link rel="stylesheet" href="common/iconfont/iconfont.css">
    <link rel="stylesheet" href="css/groupPurchase.css">
    <title>订单列表</title>
</head>
<body>
<!--共用头部 head-->
<template data-src="layout/otherHeader.html"></template>

<div class="details-head">
    <div class="head-text">
        <div class="head-image">
            <img width="13.5" src="images/car-logo.png" alt="">
        </div>
        <span>由【 浙江杭州 】发往【 上海浦东 】</span>
    </div>
    <div class="head-time">
        2017-09-18 12：35:27
    </div>
    <div class="head-right fr">
        <i class="iconfont ">&#xe6ca;</i>
    </div>
</div>


<div class="details-information">
    <div class="details-name">
        <p>张三</p>
        <span>188****1234</span>
    </div>
    <div class="address">
        <i class="iconfont">&#xe614;</i>
        <p>上海市浦东新区民生路1399号7楼</p>
    </div>
</div>


<div class="details-content">
    <p class="order-number">
        订单号： 123123587565
    </p>
    <div class="content-information">
            <img  width="65px" height="65px"src="images/carousel.png" alt="">
        <div class="content-text">
            <div class="content-text-top">
            <p >口水娃 零食大礼包 多口味组合</p><span>￥15.00</span>
            </div>
            <div class="content-text-middle">
                <p>装兰花豆蚕豆大礼包 240g/袋 </p><span>X1</span>
            </div>
            <div class="content-text-bottom">
                <p>大礼包 240g/袋</p>
            </div>
        </div>
    </div>


</div>

<div class="invoice">
<p>发票信息</p>
    <span>本产品不提供发票</span>
</div>


<div class="content-bottom">
    <div class="bottom-top">
        <p>商品总额</p>
        <span>￥15.00</span>
    </div>
    <div class="bottom-top2">
        <p>运费</p>
        <span>￥10.00</span>
    </div>

    <div class="payment">
        <p>实付款： </p>
        <span> &nbsp;￥25.00</span>
    </div>
    <div class="payment-time">
        <p>下单时间：2017-09-18 16:24:36</p>
    </div>
</div>


<script src="common/jquery/jquery.min.js"></script>
<script src="common/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<script type="text/javascript" src="common/js/template.js"></script>
<script>
    foo.onload = function (w, l) {
        console.log('可以在此处回调，w指window，l指loadJs')
    };
    foo.start()

</script>
</body>
</html>